<!--
 * @Author: jiatong_yan
 * @Date: 2021-08-10 16:05:51
<<<<<<< HEAD
 * @LastEditTime: 2021-08-17 13:32:29
=======
 * @LastEditTime: 2021-08-17 12:00:31
>>>>>>> 815d81840df067c21ea21d99b9983244413b6056
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \star\firstproject\about.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/commom.css">
</head>
<body>
    <div class="body-h">
        <div class='container'> <!--页面左边-->
            <!-- 左边顶部 -->
            <header class='header'>
                <a class='logo' href='starbucks.html'>
                <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
                </a>
                <div class='primary'>
                    <ul>
                        <li class='stores'>
                            <a class="store-s" href='#'>门店</a>
                        </li>
                        <li class='account'>
                            <a class="account-c" href='account.html'> 我的帐户</a>
                        </li>
                        <li class='menu'>
                            <a class="menu-m"  href='menu.html'>菜单</a>
                        </li>
                    </ul>
                </div>
                <a class='trigger' rel='nav-overlay'> 
                    <button>
                        <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-hamburger.svg'/>
                    </button>
                    
                </a> 
            </header>
            <!-- 左边下底部-->
            <div class="container-m">
                <div class="container-bottom">
                    <div class="nav-d">
                    <ul class="tabs-w">
                        <li><a href="#">关于星巴克</a></li>
                        <li><a href="#">星巴克在中国 </a></li>
                        <li><a href="#">工作机会 </a></li>
                        <li><a href="#">企业新闻 </a></li>
                        <li><a href="#">社会责任 </a></li>
                        <li><a href="#">历史回顾 </a></li>
                        <li><a href="#">联系我们 </a></li>
                    </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 扩展 -->
     <div class="nav">
        <header class='header1'>
            <a class='logo' href='/'>
            <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
            </a>
            <a class='trigger1' rel='nav-overlay'> 
                <button>
                    <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-close.svg'/>
                </button>
            </a> 
        </header1>
        <div class="container-m1">
            <div class="container-bottom1">
                <ul class="list">
                    <li> <a href="#">门店</a></li>
                    <li> <a href="#">星享俱乐部</a></li>
                    <li> <a href="menu.html">菜单</a></li>
                    <li> <a href="starbucks-app.html">星巴克移动应用</a></li>
                    <li> <a href="#">星礼卡</a></li>
                    <li> <a href="starbucks-reserve.html">星巴克臻选<sup>TM</sup></a></li>
                    <li> <a href="starbucks-now.html">咖快<sup>TM</sup>&nbsp;-&nbsp;在线点 到店取</a></li>
                    <li> <a href="starbucks-delivers-info.html">专星送<sup>TM</sup></a></li>
                    <li> <a href="coffee-blog.html">咖啡星讲堂</a></li>
                    <li> <a href="#">上海烘焙坊</a></li>
                    <li> <a href="about.html">关于星巴克</a></li>
                    <li> <a href="help.html">帮助中心</a></li>
                </ul>
            </div>
        </div>
    </div>
  <script>
    document.getElementsByTagName("button")[0].onclick=function(){document.getElementsByClassName("nav")[0].style.display="block",document.getElementsByClassName("container")[0].style.display="none";}
    document.getElementsByTagName("button")[1].onclick=function(){document.getElementsByClassName("nav")[0].style.display="none",document.getElementsByClassName("container")[0].style.display="block";}
  </script>
        <!-- 页面右边 -->
        <div class="main">
            <div class="bj">
                <div class="wz">
                    <b>星巴克在中国</b>
                    <br>
                    <b>我们希望通过每一杯咖啡，将星巴克的咖啡传承与独特的咖啡体验带给我们的顾客。</b>
                </div>
            </div>
            <div class="ls">
                <ul>
                    <li>
                        <div class="kk">
                            <h5>历史</h5>
                        <div class="card card1">
                            <div class="lv">
                                <h1>1999</h1>
                                <h6>星巴克内地第一家门店</h6>
                            </div>
                            <div class="bai">
                                <h4>星巴克于1999年1月，在北京中国国际贸易中心开设中国内地第一家门店。对星巴克来说，中国目前已成为星巴克发展速度最快、最大的海外市场。</h4>
                            </div>
                        </div>
                        </div>
                        
                    </li>
                    <li>
                        <h5>门店</h5>
                        <div class="card card2">
                            <div class="lv">
                                <h1>5,100</h1>
                                <h6>家门店遍布中国内地两百个城市</h6>
                            </div>
                            <div class="bai">
                                <h4>目前，星巴克已经在1中国内地200个城市开设了5,100家门店，拥有近60,000名星巴克伙伴。这一独特优势使我们能够在每一天，通过每一家星巴克门店，践行我们的承诺。</h4>
                            </div>
                        </div>
                    </li>
                    <li>
                        <h5>社会责任</h5>
                        <div class="card card3">
                            <div class="lv">
                                <h1>1,100,000</h1>
                                <h6>小时社区服务</h6>
                            </div>
                            <div class="bai">
                                <h4>进入中国以来，星巴克始终致力于回馈社会，持续在中国内地不同地区和城市开展企业社会责任项目，对于当地社会发展做出自己的一份贡献。自2011年起，星巴克中国的伙伴和志愿者们一共贡献了超过110万小时的社区服务，增进了社区和顾客的情感联系。</h4>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="jz">
                <div class="tw">
                    <h3>我们的使命和价值观</h3>
                    <div class="tw-wz">
                        <h5>激发并孕育人文精神，每人，每杯，每个社区。</h5>
                        <br>
                        <h5>以我们的伙伴、咖啡和顾客为核心，我们努力践行以下价值观：</h5>
                        <ul>
                            <li>营造一种温暖而有归属感的文化，欣然接纳和欢迎每一个人。</li>
                            <li>积极行动，勇于挑战现状，打破陈规，以创新方式实现公司与伙伴的共同成长。</li>
                            <li>在每个连接彼此的当下，我们专注投入，开诚相见，互尊互敬</li>
                            <li>对于每件事，我们都竭尽所能，做到最好，敢于担当。</li>
                        </ul>
                    </div>
                    <div class="tw-tp"></div>
                </div>
            </div>
            <div class="xw">
                <h3>最新新闻</h3>
                <div class="cx">
                    <div class="cx-img">
                        <img src="../firstproject/img/about-imgs/2021-04-21-poster.png" alt="">
                    </div>
                    <div class="cx-wz">
                        <h3>星巴克“GOODGOOD”星善食主义行动再升级</h3>
                        <h3>创新推出环保吸管、杯子和餐具 拓展更多植物膳食餐饮选择</h3>
                        <h4>全新启用“渣渣管”、店用冷饮杯和木质餐具，持续探索资源循环使用，不断升级绿色环保实践 地球日为自带杯顾客免费提供20万杯燕麦拿铁，坚持以实际行动回馈顾客对地球的保护和关爱 持续创新“GOODGOOD星善食 TM主义“植物膳食菜单，激励更多顾客共同探索有益环境的生活方式2021年4月21日-“世界地球日”到来之际，星巴克“...</h4>
                    </div>
                </div>
                <div class="fp">
                    <div class="cx-img">
                        <img src="../firstproject/img/about-imgs/yunnan-proverty.jpg" alt="">
                    </div>
                    <div class="cx-wz">
                        <h3>从产业精准扶贫到乡村振兴 智慧农业赋能咖啡种植社区</h3>
                        <h3>星巴克携手北京了乐平公益基金会启动云南咖啡产业扶持三期项目</h3>
                        <h4>探索咖啡产业升级新路径，积极响应乡村振兴和农村现代化国家战略 国内首个探索将智慧农业数字化科技应用于咖啡产业的公益项目，让咖啡“种出”大智慧 一村一策精准施力，助推云南咖啡实现“好品质、好环境好社区”缘景（2021年3月31日，云南普洱）星巴克“共享价值”咖啡产业扶持三期智慧农业项目正式启动。星巴克宣布捐赠180万美...</h4>
                    </div>
                </div>
                <div class="ts">
                    <div class="cx-img">
                        <img src="../firstproject/img/about-imgs/health-china-img1.jpg" alt="">
                    </div>
                    <div class="cx-wz">
                        <h3>守护白衣天使</h3>
                        <h3>星巴克携手中国宋庆龄基金会启动“助力基层防控新冠肺炎计划”</h3>
                        <h4>1月22日，北京 - 当前，新冠疫情的防疫已进入新常态化=新阶段，如何防患于未然，把基层常态化防控的藩篱扎得更牢，显得愈加重要。今天，星巴克宣布与中国宋庆龄基金会共同启动“健康中国--星巴克助力基金防控新冠肺炎计划”，希望通过专业权威的呼吸疾病诊疗和防治培训，未雨绸缪为未来应对重大呼吸疾病做好更充分的准备，同时开展一对一的心理关爱计划，为奋战在一线的白衣...</h4>
                    </div>
                </div>
            </div>
            <br>
            <div class="gy">
                <h3>关于我们</h3>
                <div class="gy-wz">
                    <h3>背景</h3>
                    <h4>自1999年进入中国以来，秉承“激发并孕育人文精神————每人、每杯、每个社区”的公司使</h4>
                </div>
                <div class="gy-wz">
                    <h3>高品质的星巴克咖啡</h3>
                    <h4>我们热爱我们的咖啡。我们相信通过一杯高品质的手工咖啡可以传递和分享真挚情感，而这样</h4>
                </div>
                <div class="gy-wz">
                    <h3>独一无二的星巴克体验</h3>
                    <h4>我们热爱我们的顾客。星巴克一直致力于为顾客提供始终如一的优质星巴克体验。同时，在对</h4>
                </div>
            </div>
            <div class="zh">
                <img src="	https://www-static.chinacdn.starbucks.com.cn/assets/images/logo.svg" style="width: 144px; height: 144px;" alt="">
            </div>
        </div>
    </div>
</body>
</html>
